<template>
	<!-- Main content -->
	<section class='content'>
		<div class="box box-default">
			<div class="box-body">
				<table class="table table-hover">
					<thead>
						<tr>
							<th>等级</th>
							<th>分值区间（上值）</th>
							<th>分值区间（下值）</th>
							<th>对应决策</th>
							<th>备注</th>
							<th>管理</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>A</td>
							<td>235</td>
							<td>195</td>
							<td>自动通过</td>
							<td></td>
							<td><a @click="edit">编辑</a></td>
						</tr>
						<tr>
							<td>B</td>
							<td>194</td>
							<td>167</td>
							<td>审查规则1</td>
							<td>本人电话验证</td>
							<td><a @click="edit">编辑</a></td>
						</tr>
						<tr>
							<td>C</td>
							<td>166</td>
							<td>133</td>
							<td>审查规则2</td>
							<td>1+亲属电话验证</td>
							<td><a @click="edit">编辑</a></td>
						</tr>
						<tr>
							<td>D</td>
							<td>132</td>
							<td>122</td>
							<td>审查规则3</td>
							<td>2+其他联系人电话验证</td>
							<td><a @click="edit">编辑</a></td>
						</tr>
						<tr>
							<td>E</td>
							<td>121</td>
							<td>0</td>
							<td>自动拒绝</td>
							<td>手机号与身份证任意项在黑名单内</td>
							<td><a @click="edit">编辑</a></td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="box-footer">
			</div>
		</div>
		<div class="layer_custom_container layer_edit_container form-horizontal" style="display:none">
			<div class="box box-primary">
				<div class="box-body">
					<div class="row form-group">
						<div class="col-xs-3 control-label">分值区间（上值）</div>
						<div class="col-xs-9"><input class="form-control" type="text"></div>
					</div>
					<div class="row form-group">
						<div class="col-xs-3 control-label">分值区间（下值）</div>
						<div class="col-xs-9"><input class="form-control" type="text"></div>
					</div>
					<div class="row form-group">
						<div class="col-xs-3 control-label">自动决策</div>
						<div class="col-xs-9">
							<select class="form-control">
								<option>自动通过</option>
								<option>自动拒绝</option>
								<option>自定义规则</option>
							</select>
						</div>
					</div>
					<div class="row form-group">
						<div class="col-xs-3 control-label">备注</div>
						<div class="col-xs-9"><input class="form-control" type="text"></div>
					</div>
				</div>

			</div>


		</div>
	</section>
	<!-- /.content -->
</template>

<script>
	export default{
		data(){
			return {
				layer:{
					edit:'',
				},
			}
		},
		methods:{
			edit(){
				let self=this;
				this.layer.edit=layer.open({
					type: 1,
					area: ['400px','400px'],
					title: '编辑',
					scrollbar: false,
					id: 'edit',
					content:$('.layer_edit_container'),
					btn:['取消','保存'],
					yes:function(){
						layer.close(self.layer.edit);
					},
					btn2:function(){
						console.log(2);
						//return false;
					}
				})
			}
		},
		mounted(){
			this.$nextTick(function () {
			})
		},
		beforeDestroy(){
			//用户使用输入路由跳页的时候
			layer.close(this.layer.edit);
		}
	}
</script>
<style>
	.info-box {
		cursor: pointer;
	}

	.info-box-content {
		text-align: center;
		vertical-align: middle;
		display: inherit;
	}

	.fullCanvas {
		width: 100%;
	}
</style>
